
let card_header = document.querySelector('.card_header')

let card_title = document.querySelector('.card_title')

let describe = document.querySelector('.describe')

let user_avatar = document.querySelector('.user_avatar')

let user_name = document.querySelector('.user_name')

let date = document.querySelector('.date')

let animated_bgs = document.querySelectorAll('.animated_bg')
let animated_bg_texts = document.querySelectorAll('.animated_bg_text')

function getData(){
  card_header.innerHTML = `<img src="https://images.unsplash.com/photo-1496181133206-80ce9b88a853?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2102&q=80" alt="">`
  card_title.innerText =  'Lorem ipsum dolor sit amet'
  describe.innerText = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore perferendis'
  user_avatar.innerHTML = `<img src="https://randomuser.me/api/portraits/men/45.jpg"/>`
  user_name.innerText = 'kkk'
  date.innerText = 'Oct 08, 2020'

  animated_bg_texts.forEach(item => item.classList.remove('animated_bg_text'))
  animated_bgs.forEach(item => item.classList.remove('animated_bg'))
}

setTimeout(getData,2500)